import React, { Component } from 'react';
import ChannelTransformDate from '../../../components/ChannelTransformDate';
import ChannelOverdue from '../../../components/ChannelOverdue';
import { LocaleProvider, Tabs, Icon } from 'antd';
import zh_CN from 'antd/lib/locale-provider/zh_CN';
import TitleBtn from '../../../components/TitleBtn';

const TabPane = Tabs.TabPane;

class Data extends Component {
  render() {
    return (
      <LocaleProvider locale={zh_CN}>
        <div className='apply'>
          <Tabs defaultActiveKey="canalTransform">
            <TabPane tab={<span><Icon type="dash" />渠道转化数据</span>} key="canalTransform">
              <div style={{margin: 15}}>
                <Icon type="appstore" />
                <span className="apply-font">渠道转化数据</span>
                <TitleBtn />
              </div>
              <ChannelTransformDate />
            </TabPane>
            <TabPane tab={<span><Icon type="clock-circle" />渠道逾期数据</span>} key="overdue">
              <div style={{margin: 15}}>
                <Icon type="appstore" />
                <span className="apply-font">渠道逾期数据</span>
                <TitleBtn />
              </div>
              <ChannelOverdue />
            </TabPane>
          </Tabs>
        </div>
      </LocaleProvider>
    );
  }
}

export default Data;